// 弹出 帖子输入的框---【去掉默认隐藏为显示，设置display = "block";】
function post(){
    var inp = document.getElementsByClassName("post");
    inp[0].style.display = "block";
}
function post1(){
    var inp = document.getElementsByClassName("post");

    inp[0].style.display = "none";   

}	 	 
    
// 点击发布
function postSuccess(){
    //隐藏发布框
    var content = document.getElementById("content");
    var title = document.getElementById("title");
    var inp = document.getElementsByClassName("post");
    inp[0].style.display = "none";   

    if (content.value === ""||title.value ==="") { //这个表达式表示没有文本输入
        alert("请输入完整") //弹窗提醒
    } else 
{ //如果有文本输入就执行下面的代码
    
   
   
    // 创建li标签 		【并把li标签添加到ul列表下的首个子标签的位置】
    var newli=document.createElement("li");
    var ul = document.getElementById("postul");
    ul.insertBefore(newli,ul.firstChild);//【保证li当前添加的li标签始终在最上面】

    // 创建div标签 		并往li中添加div标签 
    var newdiv=document.createElement("div");
    newli.appendChild(newdiv);

    // 往div中添加图片 设置当前图片的路径
    var img=document.createElement("img");
    newdiv.appendChild(img);
    //随机取1-4的随机数
    var num = Math.floor(Math.random()*8+1);  
    //设置路径---通过setAttribute设置属性
    img.setAttribute("src","images/tou"+num+".jpg");  

    // 在li中添加h1标签
    var h1=document.createElement("h1");
    newli.appendChild(h1);
    // 获取标题输入框中的内容
    var biao =  document.getElementById("title");
    h1.innerText=biao.value; //注意：因为input是单边标签，所以用.value获取
    
    // 在li中添加p标签 
    var newp=document.createElement("p");
    newli.appendChild(newp);

    // 获取所属板块中的内容
    var ban = document.getElementById("sec");
    // 把所选板块的信息写在p标签中
    newp.innerText = "内容："+content.value+"\r"+"类别："+ban.value;


    // 在p标签中添加span标签
    var span=document.createElement("span");
    newp.appendChild(span);

    // 给span标签设置外边框边距、距离标签100px
    span.style.marginLeft="100px";
    // 把日期写在span标签中
    span.innerText="\r"+"发布时间 :  "+getTime();
    }
    //创建删除按钮，用a标签来创建
var del = document.createElement("a")
//给a标签属性
del.href = "#"
del.id="1111"
del.innerHTML = "删除"
//删除按钮的点击事件
del.onclick = function () {
    //删除自己的父元素，也就是删除按钮所在的li
    del.parentNode.remove()
}
//将删除按钮放入li中
newli.appendChild(del)
//创建修改按钮
var xg = document.createElement("input")
xg.type = "button"
xg.value = "修改"
// var box = document.createElement("input")
xg.onclick = function () {
    //点击修改后弹出输入框，并且将文本内容赋给li
    var i = prompt("请输入修改的内容")
    var j = prompt("请输入修改的类别")
    newp.innerText = "内容："+i+"\r"+"类别："+j+"\r"+"发布时间 :  "+getTime();
    var span=document.createElement("span");
    //重新添加删除修改按钮
    newli.appendChild(del)
    newli.appendChild(xg)
}
//给li添加修改按钮
newli.appendChild(xg)
content.value = "";
title.value = "";
}
function getTime(){
     // 1、获取当前的日期
     var date = new Date();
    var m = (date.getMonth()+1)>9?(date.getMonth()+1):"0"+(date.getMonth()+1);
    var min = (date.getMinutes())>9?(date.getMinutes()):"0"+(date.getMinutes());
    var se = (date.getSeconds())>9?(date.getSeconds()):"0"+(date.getSeconds);
    var cl = date.getFullYear()+"年"+m+"月"+date.getDate()+"日\t"+date.getHours()+"时"+min+"分"+date.getSeconds()+"秒";
    return cl;
}

